@import url("pcbase.css");

.title_box{ margin: 50px auto 30px auto;}
.title_box a{ text-align: center; font-size: 2.5rem; color: #000; position: relative; display: block;}
.title_box .line_l,.title_box .line_r{ width: 350px; height: 5px; position: absolute; top: 20px;}
.title_box .line_r{ right: 170px;}
.title_box .line_l{ left: 170px;}


.cpcenter{overflow: hidden;}
.cpcenter .container{ overflow: hidden;}
.cpcenter .toptitle{ font-weight: normal; width: 100%; text-align: center; height: 50px;}
.cpcenter .layui-colla-title a.more{ color: #fff; position: absolute; right: 0;}
.cpcenter .toptitle span{ font-size: 24px; color: #fff;}
.cpcenter .toptitle em{ font-size: 24px; color: #fff; font-weight: bold;}
.cpcentercont{ margin-top: 47px;}
.leftlist h3{height: 61px;background: url(../images/lefttit.jpg) no-repeat;width: 100%;text-align: center;font-size: 1.5rem;color: #fff; padding-top: 18px;}
.leftlist h3 span{ display: block; width: 100%; height: 10px;font-size: 0.8rem;}
.leftlist{float: left;width: 270px;background: #fff;}
.leftlist .layui-collapse{ overflow: hidden; margin: 0 auto; border: 1px solid #C5C3C4; padding: 15px 10px 0 10px; height: 874px;}

.rightprodt{width: 990px;float: right;overflow: hidden;background: #fff;}
.rightprodt .layui-tab-content{ padding: 0; width: 1014px;}

.leftlist .layui-colla-title{ background: #0258C7; color: #fff; border-radius: 5px;}
.leftlist .layui-colla-item{ margin-bottom: 10px;}
.leftlist .layui-colla-content ul li{ border-bottom: 1px dashed #CECECE; padding: 10px 0; font-size: 1rem;}
.leftlist .layui-colla-content ul li i{ font-size: 0.6rem; float: left;}

.rightprodt .chgbox{ overflow: hidden;}
.rightprodt .Cmtab{background: #0D5CD3;padding: 17px 0 17px 20px;margin-bottom: 10px;}
.rightprodt .Cmtab li{ float: left;text-align: center;color: #fff;}
.rightprodt .Cmtab li a{display: inline-block;height: 30px;text-decoration: none;font-size: 0.8rem;color: #fff;line-height: 30px;padding-left: 16px;padding-right: 16px;}
.rightprodt .Cmtab li.layui-this{ background: #fff; color: #000;}
.rightprodt .Cmtab li:hover{ background: #fff; color: #000;}
.rightprodt .Cmtab li.layui-this a{ color: #000;}
.rightprodt .Cmtab li:hover a{ color: #000;}
.rightprodt .Cmtab.layui-tab-title .layui-this:after{ height: 41px; border-width: 0;}
.rightprodt .Cmtab a.more{ display: inline-block; width: 50px; height: 40px; color: #fff; font-size: 0.8rem; line-height: 40px; float: right; position: absolute; right: 0;}
.rightprodt .Cmtab a.more i{ float: right;}


.rightprodt .part .cppiclist{ overflow: hidden; border-bottom: 2px solid #363636; padding-top: 12px;}
.rightprodt .part .cppiclist li{float: left;width: 292px;overflow: hidden;text-align: center; margin-right: 26px; background: #EBE9EA; padding: 10px; margin-bottom: 35px;}
.rightprodt .part .cppiclist li img{display: block;width: 100%;}
.rightprodt .part .cppiclist li h3{ height: 28px; line-height: 28px; padding: 15px 5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.rightprodt .part .cppiclist li h3 a{ font-size: 1rem; color: #333333;}
.layui-tab{ margin: 0 !important;}
.rightprodt .part .cppiclist li .btns a{ display: block; width: 100px; height: 30px; line-height: 30px; border-radius: 5px; color: #fff;}
.rightprodt .part .cppiclist li .btns a.more{ background: #A4A4A4; margin-left: 20px;}
.rightprodt .part .cppiclist li .btns a.yuyue{ background: #DB0F10; margin-right: 20px;}



.sdys .tit{ width: 100%; height: 120px; background: url(../images/sdys.jpg) no-repeat center center; text-align: center; margin: 10px 0 30px 0;}
.sdys .tit span{ position: relative; top: 104px; color: #747273;}
.sdys .sdys1{ width: 100%; height: 353px; background: url(../images/sdts1.jpg) no-repeat center center; position: relative;}
.sdys .sdys2{ width: 100%; height: 348px; background: url(../images/sdts2.jpg) no-repeat center center; position: relative;}
.sdys .sdys3{ width: 100%; height: 300px; background: url(../images/sdts3.jpg) no-repeat center center; position: relative;}

.sdys .sdys1 .con1{ position: absolute; top:43px; left: 716px;}
.sdys .sdys1 .con1 .p1{ font-size: 1.8rem; color: #0258C7; font-weight: 700;}
.sdys .sdys1 .con1 .p2{ color: #AEB3B7; font-size:1.1rem;}
.sdys .sdys1 .con2{ width: 400px; position: absolute; top:125px; left: 716px; color: #585858; font-size: 1rem; line-height: 25px;}

.sdys .sdys2 .con1{ position: absolute; top:108px; left: 200px;}
.sdys .sdys2 .con1 .p1{ font-size: 1.8rem; color: #0258C7; font-weight: 700;}
.sdys .sdys2 .con1 .p2{ color: #AEB3B7; font-size:1.1rem;}
.sdys .sdys2 .con2{ width: 400px; position: absolute; top:192px; left: 200px; color: #585858; font-size: 1rem; line-height: 25px;}

.sdys .sdys3 .con1{ position: absolute; top:101px; left: 704px;}
.sdys .sdys3 .con1 .p1{ font-size: 1.8rem; color: #0258C7; font-weight: 700;}
.sdys .sdys3 .con1 .p2{ color: #AEB3B7; font-size:1.1rem;}
.sdys .sdys3 .con2{ width: 400px; position: absolute; top:171px; left: 704px; color: #585858; font-size: 1rem; line-height: 25px;}


#gsjj{ background: #0258C7; height: 328px;}
#gsjj .container{ height: 100%;}
#gsjj .aboutbg{ width: 369px; height: 100%; background: #fff; text-align: center;}
#gsjj .aboutbg img{ margin-top: 3px;}
#gsjj .conbg{ width: 881px; padding-left: 50px;}
#gsjj .conbg p{ line-height: 25px; color: #fff;}
#gsjj .conbg .tit{ display: block; height: 259px; height: 53px; background: url(../images/abouttit.jpg) no-repeat; margin: 30px 0 20px 0;}
#gsjj .conbg .more{ display: block; width: 125px; height: 30px; line-height: 30px; text-align: center; border:1px solid #fff; color: #fff; float: right;}
#gsjj .conbg .con{ height: 175px; overflow: hidden;}

.zj_anli .title_box .line_l,.zj_anli .title_box .line_r{ width: 500px; height: 1px; border-bottom: 1px solid #CBCBCB;top: 28px;}
.zj_anli .title_box .line_l{ left: 0;}
.zj_anli .title_box .line_r{ right: 0;}
.zj_anli .title_box .line_l:before,.zj_anli .title_box .line_r:before{ content: "\e616"; font-family: "iconfont" !important; position: absolute; top: -6px;  font-size: 0.8rem; color: #CBCBCB;}

.zj_anli .title_box .line_l:before{right: -1px;}
.zj_anli .title_box .line_r:before{left: -1px;}


.zj_anli ul li a{ display: block; height: 461px; border: 1px solid #DDD;}
.zj_anli ul li a img{ width: 94%; margin:6px 0 0 6px; padding: 3px; background: #fff;}
.zj_anli ul li a .name{ width: 88%; margin: 0 auto; text-align: center; font-size: 1.2rem; padding: 10px 0; border-bottom: 1px solid #0072E5; position: relative;}
.zj_anli ul li a .name:before{ content:""; width: 20%; height: 3px; background: #0072E5; position: absolute; left: 50%; top: 44px; margin-left: -10%;}
.zj_anli ul li a .more{ width: 100px; height: 35px; line-height: 35px; background: #FFCC00; text-align: center; margin: 0 auto; color: #000; position: absolute; bottom: 26px; left: 50%; margin-left: -50px;}
.zj_anli ul li a .summary{ width: 88%; margin: 12px auto 0 auto; }

.zj_anli ul li a:hover{background: #0066CB;}
.zj_anli ul li a:hover .name{ color: #fff;border-bottom: 1px solid #fff;}
.zj_anli ul li a:hover .name:before{background: #fff;}
.zj_anli ul li a:hover .summary{ color: #fff;}


.zj_xwzx {background: #F7F7F7;}
.zj_xwzx .title_box .tit{ text-align: left; font-size: 2rem;}

.zj_xwzx .shipin{width: 541px; height: 418px; }
.zj_xwzx .shipin .con{ width: 90%; height: 376px; margin: 0 auto; padding: 20px;  border: 1px solid #ddd; border-radius: 20px;}
.zj_xwzx .shipin img{ width: 100%; height: 100%;}

.zj_xwzx .layui-tab-title{ border: 0;}


.zj_xwzx .layui-tab-title li{ background: #0C5DD3; margin-right: 25px;}
.zj_xwzx .layui-tab-title li a{ color: #fff;}
.zj_xwzx .layui-tab-title .layui-this{ background: #FCCE18;}
.zj_xwzx .layui-tab-title .layui-this a{ color: #000; border: 0;}
.zj_xwzx .layui-tab-title .layui-this:after{ border: 0;}
.zj_xwzx .layui-tab-content ul{ width: 100%;}
.zj_xwzx .layui-tab-content ul li a{ color: #000;}
.zj_xwzx .layui-tab-content ul li span.time{ color: #555; float: right; margin-top: 2px;}
.zj_xwzx .layui-tab-content ul li { width: 48%; float: left; padding: 9px 5px; border-bottom: 1px dashed #ccc;}
.zj_xwzx .layui-tab-content ul li .news_main{ padding-left: 20px;}
.zj_xwzx .layui-tab-content ul li .news_main a{ font-size: 1.1rem; color: #000;}
.zj_xwzx .layui-tab-content ul li .news_main p.summary{ color: #555; margin: 15px 0 15px 0;}
.zj_xwzx .layui-tab-content ul li .news_main a.more{ font-size: 0.8rem; color: #555;}
.zj_xwzx .layui-tab-content{ margin-top: 10px; padding-right: 10px;}
.zj_xwzx .layui-tab-content ul li.l{ float: left;}
.zj_xwzx .layui-tab-content ul li.r{ float: right;}
.zj_xwzx .layui-tab-content ul li.one{ width: 100%; height: 182px; padding-right: 0; padding-left: 0;}
.zj_xwzx .newcon img{ width: 100%; height: 180px;}

.zj_xwzx .layui-tab{width: 759px !important;}
.zj_xwzx .layui-tab div.tit{ padding: 18px 0; font-size: 1.2rem; position: relative; padding-left: 40px;border-bottom: 1px solid #BDBDB5; margin-bottom: 15px;}
.zj_xwzx .layui-tab div.tit:before{ content: ""; position: absolute; width: 3px; height: 25px; background: #0C5DD3; left: 20px;}
.zj_xwzx .layui-tab div.tit span{ font-size: 1rem; color: #7B7B7B;}

.zj_xwzx .shipin div.tit{ padding: 18px 0; font-size: 1.2rem; position: relative; padding-left: 40px;border-bottom: 1px solid #BDBDB5; margin-bottom: 15px;}
.zj_xwzx .shipin div.tit:before{ content: ""; position: absolute; width: 3px; height: 25px; background: #0C5DD3; left: 20px;}
.zj_xwzx .shipin div.tit span{ font-size: 1rem; color: #7B7B7B;}
0
.zj_xwzx .layui-tab-item{ height: 367px;}

.yqlj{ margin-top: 40px;}
.yqlj .container{ position: relative; border: 1px solid #E1E1E1; }
.yqlj .tit{ width: 192px; height: 30px; line-height: 30px; background: #fff; position: absolute; left: 21px; top: -17px;}
.yqlj .tit span{ display: block; float: left;}
.yqlj .tit .sp1{ font-size: 1.9rem; font-weight: 700; margin-left: 6px;}
.yqlj .tit .sp2{ height: 100%; background: #0055C0; color: #fff; height: 24px; line-height: 24px; padding: 0 10px; margin: 2px 0 0 14px;}
.yqlj .conbg{  padding: 20px 10px 10px 10px;}
.yqlj .conbg a{ margin-right: 5px;}